<!DOCTYPE html>
<html lang="en">
<head>
    <title>css编写开关按钮(带文字提示)</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="../scripts/plugins/h5_switch/h5_switch.css"/>
</head>
<body>
<div class="toggle_switch_wrapper">
    <input type="checkbox" id="toggle-button" class="switch_input"/>
    <label for="toggle-button" class="switch_label">
        <span class="circle"></span>
        <span class="text on">到付</span>
        <span class="text off">预付</span>
    </label>
</div>

</body>
</html>
